<el-table v-loading="loadingTask" :data="taskList" @selection-change="handleSelectionChangeTask">
                <el-table-column type="selection" width="55" align="center" />
                <el-table-column label="任务编号" align="center" prop="taskCode" />
                <el-table-column label="任务名称" align="center" prop="taskName" />
                <el-table-column label="工作站编号" align="center" prop="workstationCode" />
                <el-table-column label="工作站名称" align="center" prop="workstationName" />
                <el-table-column label="排产数量" align="center" prop="quantity" />
                <el-table-column label="已生产数量" align="center" prop="quantityProduced" />
                <el-table-column label="开始生产时间" align="center" prop="startTime" width="180">
                  <template #default="{row}">
                    <span>{{ formatTime(row.startTime)}}</span>
                  </template>
                </el-table-column>
                <el-table-column label="生产时长" align="center" prop="duration" />
                <el-table-column label="完成生产时间" align="center" prop="endTime" width="180">
                  <template #default="{row}">
                    <span>{{ formatTime(row.endTime) }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200px">
                  <template #default="scope">
                    <el-button link type="primary" icon="Edit" @click="handleUpdateTask(scope.row)" v-hasPermi="['task:task:edit']">修改</el-button>
                    <el-button link type="primary" icon="Delete" @click="handleDeleteTask(scope.row)" v-hasPermi="['task:task:remove']">删除</el-button>
                  </template>
                </el-table-column>
              </el-table>